@import "./style.scss";
$green:#52b561;
$blue:#4a687f;
$red:red;
html,body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-weight: 200;
}
//body{
//  background: #EEEEEE url(../img/main/login_bg.png) repeat;
//  background-size: 100% 1px;
//  background-position: center;
//}

/*
 * 从上到下的颜色渐变
 */
//body{
//  background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
//  background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
//  background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
//  background: linear-gradient(red, blue); /* 标准的语法 */
//}
/*
 * 从左到右的颜色渐变
 */
//body{
//  background: -webkit-linear-gradient(left,red, blue); /* Safari 5.1 - 6.0 */
//  background: -o-linear-gradient(right,red, blue); /* Opera 11.1 - 12.0 */
//  background: -moz-linear-gradient(right,red, blue); /* Firefox 3.6 - 15 */
//  background: linear-gradient(to right,red, blue); /* 标准的语法 */
//}
/*
 * 从左上角到右下角的线性渐变
 */
//body{
//  background: -webkit-linear-gradient(left top, red , blue); /* Safari 5.1 - 6.0 */
//  background: -o-linear-gradient(bottom right, red, blue); /* Opera 11.1 - 12.0 */
//  background: -moz-linear-gradient(bottom right, red, blue); /* Firefox 3.6 - 15 */
//  background: linear-gradient(to bottom right, red , blue); /* 标准的语法 */
//}

body{
    /* Safari 5.1 - 6.0 */
    background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
    /* Opera 11.1 - 12.0 */
    background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
    /* Firefox 3.6 - 15 */
    background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
    /* 标准的语法 */
    background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}

#page{
    width: 300px;
    margin-top: 20vh;
    .form-group{
        label{
            color: $green;
        }
    }
}
